<template>
    <div>
        <div class="title">
            周末去哪儿
        </div>
        <ul>
            <li class="item border-bottom" v-for="item of weekend" :key="item.id">               
                <div class="item-img-wrapper">
                    <img class="item-img"  :src="item.imgUrl" />  
                </div>           
                <div class="item-info"> 
                    <p class="item-title">{{ item.title }}</p>
                    <p class="item-desc">{{ item.desc }}</p>
                </div>               
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    name:'',
    components: {},
    props: {
        weekend:Array
    },
    data() {
        return {
        };
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {},
};
</script>
<style lang='stylus' scoped>
.title{
    // height 0.3rem
    line-height 0.8rem
    background #eee
    text-indent 0.2rem 
}
.item-title{
    font-size 0.28rem
    margin 0.2rem
}
.item-desc{
    font-size 0.24rem
    margin 0.2rem
}
.item-img{
    width 100%
}
</style>